<template>
  <div class="footBottom">
    <Head />
    <Search />
    <div class="tabchange">
      <tabs :value="value" @getIndex="getCurrentIndex">
        <tab label="排毒" index="1">     <!--tab1为切换标题 -->
          <div>
            <Paidu />
          </div>
        </tab>
        <tab label="抗皱" index="2">
          <div>待付款</div>
        </tab>
        <tab label="祛斑" index="3">
          <div>待发货</div>
        </tab>
        <tab label="美白" index="4">
          <div>待收货</div>
        </tab>
        <tab label="护法" index="5">
          <div>待评价</div>
        </tab>
        <tab label="润肤" index="6">
          <div>待评价</div>
        </tab>
        <tab label="祛痘" index="7">
          <div>待评价</div>
        </tab>
      </tabs>
      <router-link to="/shoppingcart" class="iconfont icon-gouwuche gouwuCar" tag="div"></router-link>
    </div>
    
    <Navigate />
  </div>
</template>

<script>
import Navigate from '../components/navigate'
import Head from '../components/shiliaofang/head'
import Search from '../components/shiliaofang/search'
import Paidu from '../components/shiliaofang/tabchange/paidu'

  export default {
    name: 'Shiliaofang',
    components: {
      Navigate,
      Head,
      Search,
      Paidu
    },
    data(){
      return{
        value:1
      }
    },
    methods:{
      getCurrentIndex(index){
        this.value = index;
      }
    },
  }
</script>

<style scoped>
.tabchange{
  padding: 0.18rem 0;
  border-top: 0.02rem solid #f1f1f1;
  background-color: #fff;
}



</style>